<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts-wordcloud.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/china.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/jquery.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/jquery-ui.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/ResizeSensor.js"></script>

            <link rel="stylesheet"  href="https://assets.pyecharts.org/assets/jquery-ui.css">

</head>
<body style="background:#ffffcc">
    <style>.box {  }; </style>
        
    <div class="box">
                <div id="09c8c946321e4145a04d88206f19e95e" class="chart-container" style="position: absolute; width: 839.8px; height: 490.8px; top: 952.7999877929688px; left: 2186px;"></div>
    <script>
        var chart_09c8c946321e4145a04d88206f19e95e = echarts.init(
            document.getElementById('09c8c946321e4145a04d88206f19e95e'), 'white', {renderer: 'canvas'});
        var option_09c8c946321e4145a04d88206f19e95e = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "wordCloud",
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                5,
                100
            ],
            "data": [
                {
                    "name": "\u8bbe\u8ba1\u6587\u6863",
                    "value": 23.13,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(126,24,31)"
                        }
                    }
                },
                {
                    "name": "\u6c9f\u901a\u80fd\u529b",
                    "value": 21.09,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(107,118,93)"
                        }
                    }
                },
                {
                    "name": "\u6846\u67b6",
                    "value": 9.5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(113,41,14)"
                        }
                    }
                },
                {
                    "name": "\u719f\u7ec3\u638c\u63e1",
                    "value": 10,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(48,72,59)"
                        }
                    }
                },
                {
                    "name": "\u624e\u5b9e",
                    "value": 15,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(18,142,93)"
                        }
                    }
                },
                {
                    "name": "\u8bbe\u8ba1\u80fd\u529b",
                    "value": 17.5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(25,92,93)"
                        }
                    }
                },
                {
                    "name": "\u8bbe\u8ba1\u6587\u6863",
                    "value": 15,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(61,30,88)"
                        }
                    }
                },
                {
                    "name": "\u8ba1\u7b97\u673a\u76f8\u5173",
                    "value": 13.9,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(32,146,47)"
                        }
                    }
                },
                {
                    "name": "\u7528\u6237\u4f53\u9a8c",
                    "value": 20.2,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(109,118,67)"
                        }
                    }
                },
                {
                    "name": "Spring Cloud",
                    "value": 14.53,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(72,128,37)"
                        }
                    }
                },
                {
                    "name": "\u56e2\u961f\u534f\u4f5c",
                    "value": 21.18,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(79,142,152)"
                        }
                    }
                },
                {
                    "name": "\u6846\u67b6\u719f\u6089",
                    "value": 14.4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(129,34,68)"
                        }
                    }
                },
                {
                    "name": "\u7ef4\u62a4",
                    "value": 20,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(8,150,96)"
                        }
                    }
                },
                {
                    "name": "\u9879\u76ee\u7ecf\u9a8c",
                    "value": 9.5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(31,58,16)"
                        }
                    }
                },
                {
                    "name": "\u81f3\u5c11\u4e00\u79cd",
                    "value": 13.53,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(25,155,98)"
                        }
                    }
                },
                {
                    "name": "\u81ea\u52a8\u5316",
                    "value": 16.18,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(77,115,137)"
                        }
                    }
                },
                {
                    "name": "\u5927\u578b\u5f00\u53d1\u7ecf\u9a8c",
                    "value": 15.4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(109,6,25)"
                        }
                    }
                },
                {
                    "name": "\u7cbe\u786e\u6784\u5efa\u4ee3\u7801",
                    "value": 17.53,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(69,31,91)"
                        }
                    }
                },
                {
                    "name": "\u56e2\u961f\u5408\u4f5c\u7cbe\u795e",
                    "value": 13.18,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(25,18,21)"
                        }
                    }
                },
                {
                    "name": "\u6027\u683c\u5f00\u6717\u968f\u548c",
                    "value": 8.4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(58,109,151)"
                        }
                    }
                },
                {
                    "name": "\u72ec\u7acb\u5f00\u53d1",
                    "value": 14,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(89,59,84)"
                        }
                    }
                },
                {
                    "name": "\u70ed\u7231\u6280\u672f",
                    "value": 13.53,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(14,76,52)"
                        }
                    }
                },
                {
                    "name": "\u81ea\u5b66\u80fd\u529b",
                    "value": 12.18,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(43,51,46)"
                        }
                    }
                },
                {
                    "name": "\u6a21\u5757\u5316",
                    "value": 11.4,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(110,32,128)"
                        }
                    }
                },
                {
                    "name": "\u79ef\u6781\u3001\u4e50\u89c2",
                    "value": 9,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(8,111,160)"
                        }
                    }
                },
                {
                    "name": "\u56e2\u961f\u5408\u4f5c",
                    "value": 10,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(0,129,99)"
                        }
                    }
                },
                {
                    "name": "\u4ee3\u7801\u89c4\u8303",
                    "value": 12.5,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(148,58,125)"
                        }
                    }
                }
            ],
            "drawOutOfBound": false,
            "textStyle": {
                "emphasis": {}
            }
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u4e0d\u540c\u57ce\u5e02\u5bf9\u6570\u636e\u5206\u6790\u5e08\u5c97\u4f4d\u7684\u9700\u6c42\u8bcd\u4e91",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_09c8c946321e4145a04d88206f19e95e.setOption(option_09c8c946321e4145a04d88206f19e95e);
    </script>
<br/>                <div id="0433921873284b8b8aa5da8c463aabed" class="chart-container" style="position: absolute; width: 815.8px; height: 476.8px; top: 991.2000122070312px; left: 33px;"></div>
    <script>
        var chart_0433921873284b8b8aa5da8c463aabed = echarts.init(
            document.getElementById('0433921873284b8b8aa5da8c463aabed'), 'white', {renderer: 'canvas'});
        var option_0433921873284b8b8aa5da8c463aabed = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u878d\u8d44\u9636\u6bb5",
            "legendHoverLink": true,
            "data": [
                21,
                76,
                1905,
                94,
                1800,
                21
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u878d\u8d44\u9636\u6bb5"
            ],
            "selected": {
                "\u878d\u8d44\u9636\u6bb5": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e0a\u6d77",
                "\u5176\u4ed6\u57ce\u5e02",
                "\u5317\u4eac",
                "\u5927\u8fde",
                "\u6b66\u6c49",
                "\u6df1\u5733"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u67f1\u72b6\u56fe-\u4e0d\u540c\u516c\u53f8\u6240\u5bf9\u5e94\u7684\u804c\u4f4d\u9700\u6c42",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_0433921873284b8b8aa5da8c463aabed.setOption(option_0433921873284b8b8aa5da8c463aabed);
    </script>
<br/>                <div id="ac61a4b92bba40428def3c24c130c2e7" class="chart-container" style="position: absolute; width: 820.8px; height: 471.8px; top: 448.6000061035156px; left: 2202px;"></div>
    <script>
        var chart_ac61a4b92bba40428def3c24c130c2e7 = echarts.init(
            document.getElementById('ac61a4b92bba40428def3c24c130c2e7'), 'white', {renderer: 'canvas'});
        var option_ac61a4b92bba40428def3c24c130c2e7 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "line",
            "name": "\u7ecf\u9a8c\u8981\u6c42",
            "connectNulls": false,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "clip": true,
            "step": false,
            "data": [
                [
                    "\u4e0d\u9650\u7ecf\u9a8c",
                    1.074
                ],
                [
                    "1\u5e74\u7ecf\u9a8c",
                    1.109
                ],
                [
                    "2\u5e74\u7ecf\u9a8c",
                    1.223
                ],
                [
                    "3-4\u5e74\u7ecf\u9a8c",
                    1.523
                ],
                [
                    "5-7\u5e74\u7ecf\u9a8c",
                    1.879
                ],
                [
                    "8-9\u5e74\u7ecf\u9a8c",
                    2.265
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "markPoint": {
                "label": {
                    "show": true,
                    "position": "inside",
                    "color": "#fff",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u81ea\u5b9a\u4e49\u6807\u8bb0\u70b9",
                        "coord": [
                            "2\u5e74\u7ecf\u9a8c",
                            1.223
                        ],
                        "value": "1.223"
                    }
                ]
            },
            "zlevel": 0,
            "z": 0
        }
    ],
    "legend": [
        {
            "data": [
                "\u7ecf\u9a8c\u8981\u6c42"
            ],
            "selected": {
                "\u7ecf\u9a8c\u8981\u6c42": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e0d\u9650\u7ecf\u9a8c",
                "1\u5e74\u7ecf\u9a8c",
                "2\u5e74\u7ecf\u9a8c",
                "3-4\u5e74\u7ecf\u9a8c",
                "5-7\u5e74\u7ecf\u9a8c",
                "8-9\u5e74\u7ecf\u9a8c"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u6298\u7ebf\u56fe-\u4e0d\u540c\u7ecf\u9a8c\u8981\u6c42\u6240\u5bf9\u5e94\u7684\u85aa\u8d44\u8981\u6c42",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_ac61a4b92bba40428def3c24c130c2e7.setOption(option_ac61a4b92bba40428def3c24c130c2e7);
    </script>
<br/>                <div id="7984bed7a371406c8f1dc5c239e637a5" class="chart-container" style="position: absolute; width: 1279.8px; height: 799.8px; top: 196px; left: 891px;"></div>
    <script>
        var chart_7984bed7a371406c8f1dc5c239e637a5 = echarts.init(
            document.getElementById('7984bed7a371406c8f1dc5c239e637a5'), 'white', {renderer: 'canvas'});
        var option_7984bed7a371406c8f1dc5c239e637a5 = {
    "backgroundColor": "orange",
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "white",
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "effectScatter",
            "name": "\u4e2d\u5fc3\u4f4d\u7f6e",
            "coordinateSystem": "geo",
            "showEffectOn": "render",
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            },
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u5317\u4eac",
                    "value": [
                        116.407526,
                        39.90403,
                        11
                    ]
                },
                {
                    "name": "\u5e7f\u5dde",
                    "value": [
                        113.23,
                        23.16,
                        22
                    ]
                },
                {
                    "name": "\u4e0a\u6d77",
                    "value": [
                        121.473701,
                        31.230416,
                        33
                    ]
                },
                {
                    "name": "\u897f\u5b89",
                    "value": [
                        108.95,
                        34.27,
                        44
                    ]
                },
                {
                    "name": "\u5357\u4eac",
                    "value": [
                        118.78,
                        32.04,
                        33
                    ]
                },
                {
                    "name": "\u8d35\u9633",
                    "value": [
                        106.71,
                        26.57,
                        44
                    ]
                },
                {
                    "name": "\u53a6\u95e8",
                    "value": [
                        118.1,
                        24.46,
                        33
                    ]
                },
                {
                    "name": "\u90d1\u5dde",
                    "value": [
                        113.65,
                        34.76,
                        44
                    ]
                },
                {
                    "name": "\u5408\u80a5",
                    "value": [
                        117.27,
                        31.86,
                        33
                    ]
                },
                {
                    "name": "\u5409\u6797",
                    "value": [
                        125.32599,
                        43.896536,
                        44
                    ]
                },
                {
                    "name": "\u60e0\u5dde",
                    "value": [
                        114.4,
                        23.09,
                        33
                    ]
                },
                {
                    "name": "\u5927\u8fde",
                    "value": [
                        121.62,
                        38.92,
                        44
                    ]
                },
                {
                    "name": "\u6210\u90fd",
                    "value": [
                        104.06,
                        30.67,
                        33
                    ]
                },
                {
                    "name": "\u5eca\u574a",
                    "value": [
                        116.7,
                        39.53,
                        44
                    ]
                },
                {
                    "name": "\u676d\u5dde",
                    "value": [
                        120.19,
                        30.26,
                        33
                    ]
                },
                {
                    "name": "\u8861\u6c34",
                    "value": [
                        115.72,
                        37.72,
                        44
                    ]
                },
                {
                    "name": "\u6b66\u6c49",
                    "value": [
                        114.31,
                        30.52,
                        33
                    ]
                },
                {
                    "name": "\u6ca7\u5dde",
                    "value": [
                        116.83,
                        38.33,
                        44
                    ]
                },
                {
                    "name": "\u6df1\u5733",
                    "value": [
                        114.07,
                        22.62,
                        55
                    ]
                },
                {
                    "name": "\u957f\u6625",
                    "value": [
                        125.35,
                        43.88,
                        66
                    ]
                }
            ],
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "lines",
            "name": "\u6d41\u5411",
            "coordinateSystem": "geo",
            "zlevel": 3,
            "progressive": 400,
            "progressiveThreshold": 3000,
            "effect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4,
                "color": "blue",
                "symbol": "arrow",
                "symbolSize": 8,
                "trailLength": 0.6
            },
            "symbol": [
                "none",
                "arrow"
            ],
            "polyline": false,
            "large": false,
            "largeThreshold": 2000,
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u5317\u4eac->\u5e7f\u5dde",
                    "coords": [
                        [
                            116.407526,
                            39.90403
                        ],
                        [
                            113.23,
                            23.16
                        ]
                    ]
                },
                {
                    "name": "\u4e0a\u6d77->\u897f\u5b89",
                    "coords": [
                        [
                            121.473701,
                            31.230416
                        ],
                        [
                            108.95,
                            34.27
                        ]
                    ]
                },
                {
                    "name": "\u6c88\u9633->\u4e09\u4e9a",
                    "coords": [
                        [
                            123.38,
                            41.8
                        ],
                        [
                            109.511909,
                            18.252847
                        ]
                    ]
                },
                {
                    "name": "\u5317\u4eac->\u5e7f\u5dde",
                    "coords": [
                        [
                            116.407526,
                            39.90403
                        ],
                        [
                            113.23,
                            23.16
                        ]
                    ]
                },
                {
                    "name": "\u8d35\u9633->\u897f\u5b89",
                    "coords": [
                        [
                            106.71,
                            26.57
                        ],
                        [
                            108.95,
                            34.27
                        ]
                    ]
                },
                {
                    "name": "\u5357\u4eac->\u53a6\u95e8",
                    "coords": [
                        [
                            118.78,
                            32.04
                        ],
                        [
                            118.1,
                            24.46
                        ]
                    ]
                },
                {
                    "name": "\u90d1\u5dde->\u5409\u6797",
                    "coords": [
                        [
                            113.65,
                            34.76
                        ],
                        [
                            125.32599,
                            43.896536
                        ]
                    ]
                },
                {
                    "name": "\u5408\u80a5->\u60e0\u5dde",
                    "coords": [
                        [
                            117.27,
                            31.86
                        ],
                        [
                            114.4,
                            23.09
                        ]
                    ]
                },
                {
                    "name": "\u5eca\u574a->\u5927\u8fde",
                    "coords": [
                        [
                            116.7,
                            39.53
                        ],
                        [
                            121.62,
                            38.92
                        ]
                    ]
                },
                {
                    "name": "\u6210\u90fd->\u6b66\u6c49",
                    "coords": [
                        [
                            104.06,
                            30.67
                        ],
                        [
                            114.31,
                            30.52
                        ]
                    ]
                },
                {
                    "name": "\u676d\u5dde->\u957f\u6625",
                    "coords": [
                        [
                            120.19,
                            30.26
                        ],
                        [
                            125.35,
                            43.88
                        ]
                    ]
                },
                {
                    "name": "\u676d\u5dde->\u6df1\u5733",
                    "coords": [
                        [
                            120.19,
                            30.26
                        ],
                        [
                            114.07,
                            22.62
                        ]
                    ]
                },
                {
                    "name": "\u8861\u6c34->\u5170\u5dde",
                    "coords": [
                        [
                            115.72,
                            37.72
                        ],
                        [
                            103.73,
                            36.03
                        ]
                    ]
                }
            ],
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0.2,
                "type": "solid"
            },
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e2d\u5fc3\u4f4d\u7f6e",
                "\u6d41\u5411"
            ],
            "selected": {
                "\u4e2d\u5fc3\u4f4d\u7f6e": true,
                "\u6d41\u5411": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "formatter": function (params) {        return params.name + ' : ' + params.value[2];    },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u5728\u8be5\u6570\u636e\u4e2d\u5404\u4e2a\u57ce\u5e02\u7684\u5730\u7406\u4f4d\u7f6e\u5173\u7cfb",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "geo": {
        "map": "china",
        "roam": true,
        "aspectScale": 0.75,
        "nameProperty": "name",
        "selectedMode": false,
        "itemStyle": {
            "color": "pink",
            "borderColor": "azure"
        },
        "emphasis": {}
    }
};
        chart_7984bed7a371406c8f1dc5c239e637a5.setOption(option_7984bed7a371406c8f1dc5c239e637a5);
    </script>
<br/>                <div id="d6a601ea65d14a978cb741e708df1819" class="chart-container" style="position: absolute; width: 828.8px; height: 478.8px; top: 497.6000061035156px; left: 30px;"></div>
    <script>
        var chart_d6a601ea65d14a978cb741e708df1819 = echarts.init(
            document.getElementById('d6a601ea65d14a978cb741e708df1819'), 'white', {renderer: 'canvas'});
        var option_d6a601ea65d14a978cb741e708df1819 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u4e0a\u6d77",
                    "value": 1.742
                },
                {
                    "name": "\u5176\u4ed6\u57ce\u5e02",
                    "value": 1.219
                },
                {
                    "name": "\u5317\u4eac",
                    "value": 1.645
                },
                {
                    "name": "\u5927\u8fde",
                    "value": 1.086
                },
                {
                    "name": "\u6b66\u6c49",
                    "value": 1.24
                },
                {
                    "name": "\u6df1\u5733",
                    "value": 2.475
                }
            ],
            "radius": [
                "40%",
                "75%"
            ],
            "center": [
                "50%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": "{b}: {c}"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e0a\u6d77",
                "\u5176\u4ed6\u57ce\u5e02",
                "\u5317\u4eac",
                "\u5927\u8fde",
                "\u6b66\u6c49",
                "\u6df1\u5733"
            ],
            "selected": {},
            "show": true,
            "left": "2%",
            "top": "15%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u997c\u5f62\u56fe-\u5404\u5730\u533a\u4e0e\u85aa\u8d44\u5206\u5e03\u4e4b\u95f4\u7684\u6bd4\u4f8b\u5173\u7cfb",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_d6a601ea65d14a978cb741e708df1819.setOption(option_d6a601ea65d14a978cb741e708df1819);
    </script>
<br/>                <div id="fd82db70cbe74364a5d5b4c61629dbba" class="chart-container" style="position: absolute; width: 842.8px; height: 471.8px; top: 13px; left: 31px;"></div>
    <script>
        var chart_fd82db70cbe74364a5d5b4c61629dbba = echarts.init(
            document.getElementById('fd82db70cbe74364a5d5b4c61629dbba'), 'white', {renderer: 'canvas'});
        var option_fd82db70cbe74364a5d5b4c61629dbba = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u878d\u8d44\u9636\u6bb5",
            "legendHoverLink": true,
            "data": [
                370,
                395,
                744,
                1765,
                624,
                19
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u878d\u8d44\u9636\u6bb5"
            ],
            "selected": {
                "\u878d\u8d44\u9636\u6bb5": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e0d\u9650\u7ecf\u9a8c",
                "1\u5e74\u7ecf\u9a8c",
                "2\u5e74\u7ecf\u9a8c",
                "3-4\u5e74\u7ecf\u9a8c",
                "5-7\u5e74\u7ecf\u9a8c",
                "8-9\u5e74\u7ecf\u9a8c"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u67f1\u72b6\u56fe-\u4e0d\u540c\u7ecf\u9a8c\u7684\u804c\u4f4d\u9700\u6c42",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "dataZoom": {
        "show": true,
        "type": "slider",
        "realtime": true,
        "start": 20,
        "end": 80,
        "orient": "horizontal",
        "zoomLock": false,
        "filterMode": "filter"
    }
};
        chart_fd82db70cbe74364a5d5b4c61629dbba.setOption(option_fd82db70cbe74364a5d5b4c61629dbba);
    </script>
<br/>                        <div id="3afff88af8fa44b988f6ca5fa75c290c" class="chart-container" style="position: absolute; width: 834.8px; height: 396.8px; top: 5.400000095367432px; left: 2189px;">
            <p class="title" style="font-size: 18px; font-weight:bold;" > </p>
            <p class="subtitle" style="font-size: 12px;" > </p>
            <img src="E:\box.png" width="800px" height="400px" />
        </div>

<br/>                <div id="0ced4cbc6b41431ea9fa6c41c22bf4e8" class="chart-container" style="position: absolute; width: 1209.8px; height: 407.8px; top: 1024.800048828125px; left: 932px;"></div>
    <script>
        var chart_0ced4cbc6b41431ea9fa6c41c22bf4e8 = echarts.init(
            document.getElementById('0ced4cbc6b41431ea9fa6c41c22bf4e8'), 'white', {renderer: 'canvas'});
        var option_0ced4cbc6b41431ea9fa6c41c22bf4e8 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u878d\u8d44\u9636\u6bb5",
            "legendHoverLink": true,
            "data": [
                2597,
                1241,
                75,
                4
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u878d\u8d44\u9636\u6bb5"
            ],
            "selected": {
                "\u878d\u8d44\u9636\u6bb5": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u672c\u79d1",
                "\u5927\u4e13",
                "\u5b66\u5386\u4e0d\u9650",
                "\u4e2d\u4e13"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u67f1\u72b6\u56fe-\u4e0d\u540c\u5b66\u5386\u6240\u5bf9\u5e94\u7684\u804c\u4f4d\u9700\u6c42",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_0ced4cbc6b41431ea9fa6c41c22bf4e8.setOption(option_0ced4cbc6b41431ea9fa6c41c22bf4e8);
    </script>
<br/>                        <div id="4d9963942d284b5bbba4a11743d544e5" class="chart-container" style="position: absolute; width: 1206.8px; height: 177.8px; top: 10.199999809265137px; left: 923px;">
            <p class="title" style="font-size: 18px; font-weight:bold;" > </p>
            <p class="subtitle" style="font-size: 12px;" > </p>
            <img src="E:\head.png" width="1200px" height="160px" />
        </div>

<br/>    </div>
    <script>
            $('#09c8c946321e4145a04d88206f19e95e').css('border-style', 'dashed').css('border-width', '0px');$("#09c8c946321e4145a04d88206f19e95e>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#09c8c946321e4145a04d88206f19e95e'), function() { chart_09c8c946321e4145a04d88206f19e95e.resize()});
            $('#0433921873284b8b8aa5da8c463aabed').css('border-style', 'dashed').css('border-width', '0px');$("#0433921873284b8b8aa5da8c463aabed>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#0433921873284b8b8aa5da8c463aabed'), function() { chart_0433921873284b8b8aa5da8c463aabed.resize()});
            $('#ac61a4b92bba40428def3c24c130c2e7').css('border-style', 'dashed').css('border-width', '0px');$("#ac61a4b92bba40428def3c24c130c2e7>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#ac61a4b92bba40428def3c24c130c2e7'), function() { chart_ac61a4b92bba40428def3c24c130c2e7.resize()});
            $('#7984bed7a371406c8f1dc5c239e637a5').css('border-style', 'dashed').css('border-width', '0px');$("#7984bed7a371406c8f1dc5c239e637a5>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#7984bed7a371406c8f1dc5c239e637a5'), function() { chart_7984bed7a371406c8f1dc5c239e637a5.resize()});
            $('#d6a601ea65d14a978cb741e708df1819').css('border-style', 'dashed').css('border-width', '0px');$("#d6a601ea65d14a978cb741e708df1819>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#d6a601ea65d14a978cb741e708df1819'), function() { chart_d6a601ea65d14a978cb741e708df1819.resize()});
            $('#fd82db70cbe74364a5d5b4c61629dbba').css('border-style', 'dashed').css('border-width', '0px');$("#fd82db70cbe74364a5d5b4c61629dbba>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#fd82db70cbe74364a5d5b4c61629dbba'), function() { chart_fd82db70cbe74364a5d5b4c61629dbba.resize()});
            $('#3afff88af8fa44b988f6ca5fa75c290c').css('border-style', 'dashed').css('border-width', '0px');$("#3afff88af8fa44b988f6ca5fa75c290c>div:nth-child(1)").width("100%").height("100%");
            $('#0ced4cbc6b41431ea9fa6c41c22bf4e8').css('border-style', 'dashed').css('border-width', '0px');$("#0ced4cbc6b41431ea9fa6c41c22bf4e8>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#0ced4cbc6b41431ea9fa6c41c22bf4e8'), function() { chart_0ced4cbc6b41431ea9fa6c41c22bf4e8.resize()});
            $('#4d9963942d284b5bbba4a11743d544e5').css('border-style', 'dashed').css('border-width', '0px');$("#4d9963942d284b5bbba4a11743d544e5>div:nth-child(1)").width("100%").height("100%");
            var charts_id = ['09c8c946321e4145a04d88206f19e95e','0433921873284b8b8aa5da8c463aabed','ac61a4b92bba40428def3c24c130c2e7','7984bed7a371406c8f1dc5c239e637a5','d6a601ea65d14a978cb741e708df1819','fd82db70cbe74364a5d5b4c61629dbba','3afff88af8fa44b988f6ca5fa75c290c','0ced4cbc6b41431ea9fa6c41c22bf4e8','4d9963942d284b5bbba4a11743d544e5'];
function downloadCfg () {
    const fileName = 'chart_config.json'
    let downLink = document.createElement('a')
    downLink.download = fileName

    let result = []
    for(let i=0; i<charts_id.length; i++) {
        chart = $('#'+charts_id[i])
        result.push({
            cid: charts_id[i],
            width: chart.css("width"),
            height: chart.css("height"),
            top: chart.offset().top + "px",
            left: chart.offset().left + "px"
        })
    }

    let blob = new Blob([JSON.stringify(result)])
    downLink.href = URL.createObjectURL(blob)
    document.body.appendChild(downLink)
    downLink.click()
    document.body.removeChild(downLink)
}
    </script>
</body>
</html>
